<template>
  <div class="location">
    <div class="location-item">
      <span class="iconfont iconlocation"></span> 西安
    </div>
    <div class="location-item">
      <span class="iconfont iconbiyou"></span> 必游榜单
    </div>
  </div>
</template>

<style scoped>
  .location {
    display: flex;
    font-size: .28em;
    line-height: .9rem;
    border-top: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    background-color: #fff;
  }
  .location:before {
    content: '';
    position: absolute;
    left: 50%;
    height: 100%;
    width: 1px;
    border-right: 1px solid #ccc;
  }
  .location-item {
    flex: 1;
    text-align: center;
  }
</style>
